<script setup lang="ts">
import { reactive } from 'vue'
// 包reactive 就可以变成响应式的了,支持复杂类型
const obj = reactive({
  name: '张三',
  age: 18
})
const count = () => {
  obj.age++
}
</script>

<template>
  <div class="app-page">
    <!-- toLowerCase()转小写 -->
    <div>{{ '年龄' + obj.age + '姓名' + obj.name }}</div>
    <button @click="count">点击事件</button>
  </div>
</template>

<style lang="css" scoped></style>
